<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <base target="_blank"/>
    <style type="text/css">::-webkit-scrollbar {
        display: none;
    }</style>
    <style id="cloudAttachStyle" type="text/css">#divNeteaseBigAttach, #divNeteaseBigAttach_bak {
        display: none;
    }</style>
    <style id="blockquoteStyle" type="text/css">blockquote {
        display: none;
    }</style>
    <style type="text/css">
        body {
            font-size: 14px;
            font-family: arial, verdana, sans-serif;
            line-height: 1.666;
            padding: 0;
            margin: 0;
            overflow: auto;
            white-space: normal;
            word-wrap: break-word;
            min-height: 100px
        }

        td, input, button, select, body {
            font-family: Helvetica, 'Microsoft Yahei', verdana
        }

        pre {
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
            width: 95%
        }

        th, td {
            font-family: arial, verdana, sans-serif;
            line-height: 1.666
        }

        img {
            border: 0
        }

        header, footer, section, aside, article, nav, hgroup, figure, figcaption {
            display: block
        }

        blockquote {
            margin-right: 0px
        }
    </style>
</head>

<body role="listitem" tabindex="0">
<table align="center" border="0" cellspacing="0" style="width:700px;" width="700">

    <tbody>
    <tr>
        <td>
            <div style="width:700px;margin:0 auto;border-bottom:1px solid #ccc;margin-bottom:30px;">
                <table border="0" cellpadding="0" cellspacing="0" height="39" style="font:12px Tahoma, Arial, 宋体;"
                       width="700">
                    <tbody>
                    <tr>
                        <td width="210"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style="display: flex;    flex-direction: row;
    justify-content: flex-start;align-content: center;;margin-bottom:25px;    align-items: center">
                <img height="40px" src="http://pixx.site/admin/favicon.ico" style="object-fit:cover" width="40px"/>
                <div style="font-size:14px;color:#4d4d4d;margin-left: 10px">
                    <strong style="display:block;font-size: 18px;">菠萝微课<span
                            style="color:#f60;font-size: 16px;"></span></strong>

                </div>
            </div>
            <div style="width:680px;padding:0 10px;margin:0 auto;">
                <div style="line-height:1.5;font-size:14px;margin-bottom:25px;color:#4d4d4d;">
                    <strong style="display:block;margin-bottom:15px;">尊敬的用户，您好：<span
                            style="color:#f60;font-size: 16px;"></span></strong>
                    <strong style="display:block;margin-bottom:15px;">
                        您正在进行<span style="color: red" th:text="${option}"></span>操作，请在验证码输入框中输入：<span
                            style="color:#f60;font-size: 24px" th:text="${code}"></span>，以完成操作。
                    </strong>
                </div>
                <div style="margin-bottom:30px;">
                    <small style="display:block;margin-bottom:20px;font-size:12px;">
                        <p style="color:#747474;">
                            注意：验证码<em th:text="${time}"></em><em th:text="${unit}"></em>内有效，此操作可能会修改您的密码。如非本人操作，请及时登录并修改密码以保证帐户安全
                            <br>（工作人员不会向你索取此验证码，请勿泄漏！)
                        </p>
                    </small>
                </div>
            </div>

            <div style="width:700px;margin:0 auto;">
                <div style="padding:10px 10px 0;border-top:1px solid #ccc;color:#747474;margin-bottom:20px;line-height:1.3em;font-size:12px;">
                    <p>此邮件为系统自动发出的邮件，请勿直接回复<br>
                        请保管好您的邮箱，避免账号被他人盗用
                    </p>
                    <p><em th:text="${title}"></em> QA团队</p>
                </div>
            </div>
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>